﻿@{
    ViewBag.Title = "LabExam";
    Layout = "~/Views/Shared/User.cshtml";
}
<link href="@Url.Content("~/Content/elements/form.css")" rel="stylesheet" type="text/css" />
@*<link href="../../Content/elements/form.css" rel="stylesheet" type="text/css" />*@
<style>
    .LabExamSection
    {
        border:1px solid;
        background-color:WindowFrame;
    }
    .LabExamSection .title
    {
        color:White;
    }
    .LabExamSection .content
    {
        background-color:Window;
        margin:4px;
    }
</style>


<h2>实验室检查</h2>
送检日期<input type="text" value="2011/1/1" />
<div>
    <input type="button" id="btnBlood" value="血常规" />
    <input type="button" id="btnUrine" value="尿常规" />
    <input type="button" id="btnStool" value="粪常规" />
    <input type="button" id="btnLiverKidney" value="肝肾功能" />
    <input type="button" id="btnTumor" value="肿瘤标志物" />
    <input type="button" id="btnImmune" value="免疫功能相关" />
</div>
<div id="divBlood" class="LabExamSection" style="display:none">
    <span class="title">血常规</span>
    <div class="content">
        <table>
            <tr>
                <th></th>
                <th></th>
                <th>临床意义</th>
                <th>备注</th>
            </tr>
            <tr>
                <th>红细胞(RBC)</th>
                <td><input type="text" class="valueInput" value="0.00" />×10^12/L</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>血小板(PLT)</th>
                <td><input type="text" class="valueInput" value="0.00" />×10^9/L</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>血红蛋白(Hb)</th>
                <td><input type="text" class="valueInput" value="0.00" />g/L</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>白细胞(WBC)</th>
                <td><input type="text" class="valueInput" value="0.00" />×10^9/L</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>中性粒细胞(NEU)</th>
                <td><input type="text" class="valueInput" value="0.00" />%</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
        </table>
    </div>
</div>
<div id="divUrine" class="LabExamSection" style="display:none">
    <span class="title">尿常规</span>
    <div class="content">
        <table>
            <tr>
                <th></th>
                <th></th>
                <th>临床意义</th>
                <th>备注</th>
            </tr>
            <tr>
                <th>尿蛋白(PRO)</th>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                    <input type="checkbox" />5
                    <input type="checkbox" />6
                </td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>尿糖(GLU)</th>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                    <input type="checkbox" />5
                    <input type="checkbox" />6
                </td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>尿糖(GLU)</th>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                    <input type="checkbox" />5
                    <input type="checkbox" />6
                </td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>尿白细胞(LEU)</th>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                    <input type="checkbox" />5
                    <input type="checkbox" />6
                    <br />
                    或<input type="text" class="valueInput" />个/HP
                </td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>尿红细胞(BLD)</th>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                    <input type="checkbox" />5
                    <input type="checkbox" />6
                    <br />
                    或<input type="text" class="valueInput" />个/HP
                </td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
        </table>
    </div>
</div>
<div id="divStool" class="LabExamSection" style="display:none">
    <span class="title">粪常规</span>
    <div class="content">
        <table>
            <tr>
                <th></th>
                <th></th>
                <th>备注</th>
            </tr>
            <tr>
                <th>粪便潜血试验</th>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                    <input type="checkbox" />5
                    <input type="checkbox" />6
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
        </table>
    </div>
</div>
<div id="divLiverKidney" class="LabExamSection" style="display:none">
    <span class="title">肝肾功能</span>
    <div class="content">
        <table>
            <tr>
                <th></th>
                <th></th>
                <th>临床意义</th>
                <th>备注</th>
            </tr>
            <tr>
                <th>谷丙转氨酶(ALT)</th>
                <td><input type="text" class="valueInput" />U/L</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>谷草转氨酶(AST)</th>
                <td><input type="text" class="valueInput" />U/L</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>尿素氮(BUN)</th>
                <td><input type="text" class="valueInput" />mmol/L</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>肌酐(SCr)</th>
                <td><input type="text" class="valueInput" />μmol/L</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
        </table>
    </div>
</div>
<div id="divTumor" class="LabExamSection" style="display:none">
    <span class="title">肿瘤标志物</span>
    <div class="content">
        <table>
            <tr>
                <th></th>
                <th></th>
                <th>临床意义</th>
                <th>备注</th>
            </tr>
            <tr>
                <th>CEA</th>
                <td><input type="text" class="valueInput" />ng/ml</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
            <tr>
                <th>CA199</th>
                <td><input type="text" class="valueInput" />ng/ml</td>
                <td>
                    <input type="checkbox" />1
                    <input type="checkbox" />2
                    <input type="checkbox" />3
                    <input type="checkbox" />4
                </td>
                <td>
                    <input type="text" class="longText" />
                </td>
            </tr>
        </table>
    </div>
</div>
<div id="divImmune" class="LabExamSection" style="display:none">
    <span class="title">免疫功能相关</span>
    <div class="content">
        <table>
            <tr>
                <th></th>
                <th></th>
                <th>备注</th>
            </tr>
            <tr>
                <th>自然杀伤细胞NK</th>
                <td><input type="text" class="valueInput" />%</td>
                <td><input type="text" class="longText" /></td>
            </tr>
            <tr>
                <th>T细胞 CD3</th>
                <td><input type="text" class="valueInput" />%</td>
                <td><input type="text" class="longText" /></td>
            </tr>
            <tr>
                <th>T细胞 CD4</th>
                <td><input type="text" class="valueInput" />%</td>
                <td><input type="text" class="longText" /></td>
            </tr>
            <tr>
                <th>T细胞 CD8</th>
                <td><input type="text" class="valueInput" />%</td>
                <td><input type="text" class="longText" /></td>
            </tr>
            <tr>
                <th>CD4/CD8</th>
                <td><input type="text" disabled="disabled" class="valueInput" /></td>
                <td></td>
            </tr>
        </table>
    </div>
</div>
@*<script src="../../Scripts/jquery-1.4.4-vsdoc.js" type="text/javascript"></script>*@
<script type="text/javascript">
    function LabExamInfo() {
        this.currentSection;
    }
    var labExamInfo = new LabExamInfo;
    function showLabExamSection(sectionName) {
        var lastSection = labExamInfo.currentSection;
        var sectionName = "div" + sectionName;
        var section = $("#" + sectionName);
        if (lastSection.attr("id") != sectionName) {
            labExamInfo.currentSection = section;
            lastSection.fadeOut(150, function () {
                section.fadeIn(150);
            });
        }
    }
    $(function () {
        labExamInfo.currentSection = $("#divBlood");
        labExamInfo.currentSection.fadeIn(150);
        $("#btnBlood").click(function () {
            showLabExamSection("Blood");
        });
        $("#btnUrine").click(function () {
            showLabExamSection("Urine");
        });
        $("#btnStool").click(function () {
            showLabExamSection("Stool");
        });
        $("#btnLiverKidney").click(function () {
            showLabExamSection("LiverKidney");
        });
        $("#btnTumor").click(function () {
            showLabExamSection("Tumor");
        });
        $("#btnImmune").click(function () {
            showLabExamSection("Immune");
        });
    });
</script>